<template>
  <div>
    <!-- v-bind 指令 -->
    <!-- 作用:动态绑定标签的属性,例如动态设置 a标签的 href/img的src ... -->
    <a href="www.baidu.com">去百度</a>
    <br />
    <a v-bind:href="url">黑马</a>
    <img :src="img" alt="" />
  </div>
</template>

<script>
export default {
  name: "Day01App",

  data() {
    return {
      url: "https://www.itheima.com",
      img: "https://img2.baidu.com/it/u=341960786,751829958&fm=253&fmt=auto&app=138&f=JPEG?w=430&h=420 ",
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>